﻿@model WriterStars.Models.RegisterViewModel
@{
    ViewBag.Title = "Register";
}

<style>
    .form-control {
        width: 50%;
    }

    @@media screen and (max-width: 700px) {
        .form-control {
            width: 100%;
        }
    }

    .body {
        background-image: none;
        color: black;
    }
</style>
<div class="container">
    <h2>@ViewBag.Title.</h2>

    @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
    {
        @Html.AntiForgeryToken()
        <h4>Create a new account.</h4>
        <hr />
        @Html.ValidationSummary("", new { @class = "text-danger" })

        <div class="form-group">
            @Html.LabelFor(m => m.FirstName, new { @class = "hidden-xs hidden-sm col-md-2 control-label" })
            <div class="col-xs-12 col-md-10">
                @Html.TextBoxFor(m => m.FirstName, new { @class = "form-control", @placeholder="First name" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => m.LastName, new { @class = "hidden-xs hidden-sm col-md-2 control-label" })
            <div class="col-xs-12 col-md-10">
                @Html.TextBoxFor(m => m.LastName, new { @class = "form-control", @placeholder = "Last name" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => m.Email, new { @class = "hidden-xs hidden-sm col-md-2 control-label" })
            <div class="col-xs-12 col-md-10">
                @Html.TextBoxFor(m => m.Email, new { @class = "form-control", @placeholder = "Email" })
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(m => m.Password, new { @class = "hidden-xs hidden-sm col-md-2 control-label" })
            <div class="col-xs-12 col-md-10">
                @Html.PasswordFor(m => m.Password, new { @class = "form-control", @placeholder = "password" })
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(m => m.ConfirmPassword, new { @class = "hidden-xs hidden-sm col-md-2 control-label" })
            <div class="col-xs-12 col-md-10">
                @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "form-control", @placeholder = "Confirm password" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" class="btn btn-default" value="Register">
            </div>
        </div>
    }
    
        <div class="col-md-offset-2">
            <p style="font-size:12px;">
                By clicking "Register" you agree to the terms and conditions of the following: <a href="/home/terms" style="text-decoration:underline">Universal Terms of Service</a> Privacy Policy
            </p>
        </div>
</div>

@section Scripts
{
    @Scripts.Render("~/bundles/jqueryval")
}
